<template>
  <view class="splBox">
    <view class="butoner x-row" v-for="(li,lidx) in list" :key="lidx">
      <image :src="li.avatar"></image>
      <image src="../static/itein1.png" class="ser" v-if="li.status==1"></image>
      <image src="../static/itein5.png" class="ser" v-else></image>
      <view class="x-col x-col-center">
        <view class="x-row">
          <view class="name_my x-col">{{li.rolename}}</view>
          <view class="datare x-col-center" v-if="li.status>0">
            {{li.update_time}}
          </view>
        </view>
        <!-- 0未审核 1已通过 2已拒绝 -->
        <view class="datare">{{li.nickname}}
          <text v-if="li.admin_id==now_id&&li.status==0">（审核中）</text>
          <text style="margin-left: 10rpx;" v-else>{{li.status==1?'已通过':(li.status==1?'已拒绝':'未审核')}}</text>
        </view>
        <view class="cons" v-if="li.content">{{li.content}}</view>
      </view>
    </view>
    <!-- <view class="butoner x-row">
			<image src="../../static/logo.png"></image>
			<image src="../static/itein5.png" class="ser"></image>
			<view class="x-col x-col-center">
				<view class="name_my">何浚</view>
				<view class="datare">等待 唐郭 审批<text>（待审核）</text></view>
			</view>
		</view>
		<view class="butoner x-row">
			<image src="../../static/logo.png"></image>
			<image src="../static/itein5.png" class="ser"></image>
			<view class="x-col x-col-center">
				<view class="name_my">何浚</view>
				<view class="datare">等待 唐郭 审批</view>
			</view>
		</view> -->
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  props: ['list', 'now_id']
};
</script>

<style scoped>
.cons {
  margin: 10rpx 0;
  padding: 10rpx 20rpx;
  background-color: #f5f7f9;
  display: inline-block;
}
.butoner {
  padding: 40upx;
  position: relative;
}
.butoner  image {
  width: 64upx;
  height: 64upx;
  display: block;
  border-radius: 50upx;
  margin-right: 25upx;
  position: relative;
  z-index: 2;
  background-color: #f2f2f2;
}
.butoner .name_my {
  font-size: 30upx;
}
.butoner .datare {
  font-size: 26upx;
  color: #979797;
}
.butoner .datare text {
  font-size: 26upx;
  color: #007aff;
}
.butoner image.ser {
  width: 22upx;
  height: 22upx;
  position: absolute;
  left: 80upx;
  top: 84upx;
}
.butoner::after {
  height: 100%;
  content: '';
  width: 2px;
  border-right: 1px dashed #979797;
  position: absolute;
  left: 66upx;
  top: 52upx;
}
.butoner:last-child::after {
  border: 0;
}
</style>
